﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>@ViewBag.Title</title>
    <link href="~/Content/mobile/style.css" rel="stylesheet" />
    <style>

        body {
            outline: 0;
            font-size: 17px;
            line-height: 21px;
            /*color: #ffffff;*/
        }

        .content {
            background-color: #ffffff;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding-bottom: 50px;
            padding-top: 44px;
        }

        .nav {
            bottom: 0;
            display: table;
            width: 100%;
            height: 50px;
            padding: 0;
            table-layout: fixed;
            border-top: 0;
            border-bottom: 0;
            position: fixed;
            z-index: 10;
            right: 0;
            left: 0;
            box-shadow: 0 0 1px rgba(0, 0, 0, .25);
            background-color: #f7f7f7;
        }

            .nav a {
                display: table-cell;
                overflow: hidden;
                width: 1%;
                height: 50px;
                text-align: center;
                vertical-align: middle;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #929292;
            }

                .nav a .nav-icon {
                    top: 3px;
                    width: 24px;
                    height: 24px;
                    padding-top: 0;
                    padding-bottom: 0;
                    font-size: 24px;
                    position: relative;
                    z-index: 20;
                }

                    .nav a .nav-icon img {
                        width: 24px;
                        height: 24px;
                        display: inline;
                    }

                .nav a .nav-lable {
                    font-size: 11px;
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

        header {
            top: 0;
            box-shadow: 0 1px 6px #ccc;
            position: fixed;
            z-index: 10;
            right: 0;
            left: 0;
            height: 44px;
            padding-right: 10px;
            padding-left: 10px;
            border-bottom: 0;
            background-color: #ef4949;
        }

        .search {
            width: auto;
        }

        .main-back {
            float: left;
        }
            .main-back img {
                float: left;
                width: 34px;
                height: 34px;
                margin-top: 4px;
                margin-right: 4px;
            }
        .search input {
            width: 80%;
            padding-left: 30px;
            height: 29px;
            margin: 6px 0;
            font-size: 16px;
            text-align: center;
            border: 0;
            border-radius: 6px;
            background-color: rgba(255, 255, 255, 0.87);
        }

        .search-icon {
            position: absolute;
            background-image: url(../../Content/static/img/sousuo.png);
            background-size: cover;
            width: 14px;
            height: 14px;
            top: 15px;
            margin-left: 61px;
            z-index: 1;
            left: 0px;
        }

        a {
            text-decoration: none;
        }
    </style>
</head>
<body>
    <header>
        <a class="main-back">
            @if (ViewBag.AppBarCode == "MobileIndex")
            {
                <img src="~/Content/static/img/hui123.png" />
            }
            else
            {
                <img class="fanhui" src="~/Content/static/img/fanghui.png" />
            }
        </a>
        <div class="search">
            <form action="/Mobile/Search" method="get">
                <span class="search-icon"></span>
                <input placeholder="请输入想要找的商品" name="Key" value="@ViewBag.Key"/>
            </form>
        </div>
    </header>
    <div class="content">
        @RenderBody()
    </div>
    <footer class="nav">
        <a href="/Mobile/Index">
            <span class="nav-icon">
                @if (ViewBag.AppBarCode == "MobileIndex")
                {
                    <img src="https://img.alicdn.com/imgextra/i3/2053469401/O1CN01N0QQlU2JJhy70yIMa_!!2053469401.png" />
                }
                else
                {

                    <img  src="https://img.alicdn.com/imgextra/i3/2053469401/O1CN01rOVk9v2JJhyA5EZe4_!!2053469401.png" />
                }

            </span>
            <span class="nav-lable">首页</span>
        </a>
        <a href="/Mobile/Category">
            <span class="nav-icon">
                @if (ViewBag.AppBarCode == "MobileCategory")
                {
                    <img src="https://img.alicdn.com/imgextra/i2/2053469401/O1CN01wURpPD2JJhy6tcNKR_!!2053469401.png" />
                }
                else
                {

                    <img src="https://img.alicdn.com/imgextra/i1/2053469401/O1CN01oJVgxK2JJhy6tcmIV_!!2053469401.png" />
                }
            </span>
            <span class="nav-lable">分类</span>
        </a>
        <a href="/Mobile/Gather">
            <span class="nav-icon">
                @if (ViewBag.AppBarCode == "MobileGather")
                {
                    <img src="https://img.alicdn.com/imgextra/i3/2053469401/O1CN01aDjjSa2JJhy6teBcN_!!2053469401.png" />
                }
                else
                {

                    <img src="https://img.alicdn.com/imgextra/i3/2053469401/O1CN01dOMJYj2JJhy7hn8NL_!!2053469401.png" />
                }
            </span>
            <span class="nav-lable">集惠</span>
        </a>
        <a href="/Mobile/NPN"> 
            <span class="nav-icon">
                @if (ViewBag.AppBarCode == "MobileNPN")
                {
                    <img src="~/Content/static/img/npnr.png" />
                    @*<img src="https://img.alicdn.com/imgextra/i3/2053469401/O1CN01aDjjSa2JJhy6teBcN_!!2053469401.png" />*@
                }
                else
                {

                    <img src="https://img.alicdn.com/imgextra/i4/2053469401/O1CN01rykyDG2JJhy7hbrAz_!!2053469401.png" />
                }

            </span>
            <span class="nav-lable">9.9包邮</span>
        </a>
    </footer>
</body>
</html>

<script>
    $(".fanhui").click(function () {
        window.location.href = "javascript:history.go(-1)";
    });
</script>
